<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8" />
<title>汉服荟商城</title>
<!--导入核心文件-->
<script src="../bootstrap3/js/holder.js"></script>
<link href="../bootstrap3/css/bootstrap.css" rel="stylesheet"
	type="text/css">
<script src="../bootstrap3/jquery-1.9.1.min.js"></script>
<script src="../bootstrap3/js/bootstrap.js"></script>
	<script src="../bootstrap3/js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
<link href="../css/aaa.css" rel="Stylesheet" />
<script src="../js/aaa.js"></script>

<!-- 字体图标 -->
<link rel="stylesheet"
	href="../bootstrap3/font-awesome-4.7.0/css/font-awesome.css" />
<link rel="stylesheet" type="text/css" href="../css/layout.css" />
</head>
<body>
	<!--头部-->
	<div class="s_nav">
		<div class="s_nav_box">
			<a class="s_logo photo" href="../index.html"></a>
			<nav class="s_nav_menu">
				<a class="default active" href="../index.html">首页</a> <a
					class="album" href="album.html">摄影</a> <a class="video"
					href="/video">视频</a> <a class="topic" href="/topic">问答</a> <a
					class="word" href="/word">文章</a> <a class="activity" href="/game">活动</a>

			</nav>
			<div class="def_search  header_user">

				<div class="user">
					<img class="head" id="myavatar"
						src="https://pic.hanfugou.com/web/2018/11/20/11/2e3e6efa17ba4116941bd3d176ddc8df.jpeg_50x50.jpg">
					<nav class="dropdown_menu">
						<a class="item letter" href="password.html" target="im"> <i
							class="icon"></i>修改密码
						</a> <a class="item auth" href="userdata.html"> <i class="icon"></i>个人资料
						</a> <a href="upload.html" id="aUMain" class="item usermain"> <i
							class="icon"></i>上传头像
						</a> <a class="item tools" href="address.html"> <i class="icon"></i>收货管理
						</a> <a class="item exit" href="login.html"><i class="icon"></i>退出
						</a>
					</nav>
				</div>
				</a>

				<div class="appdown">
					APP下载
					<div class="appdownload">
						<div class="appdownload_btn">
							<a class="ios"
								href="https://itunes.apple.com/cn/app/id1065807878"
								target="_blank">iPhone下载</a> <a class="android"
								href="https://www.hanfuhui.cn/download" target="_blank">Android下载</a>
						</div>
						<img id="img-avatar"
							src="../image/2e3e6efa17ba4116941bd3d176ddc8df.jpeg_100x100.jpg"
							alt="">
					</div>
				</div>
				<a class="search_btn" onclick="location.href='/search'"></a>
			</div>
		</div>
	</div>
	<!--头部结束-->
	<!--导航 -->
	<!--分割导航和顶部-->
	<div class="clearfix"></div>
	<div class="col-md-12 top-nav">
		<div class="col-md-6">
			<ul class="nav nav-pills">
				<li><a href="#"></a></li>
				<li class="active"><a href="../index.html"><span
						class="fa fa-home"></span></a></li>
				<li><a class="gou" href="han_shopmall.html">商城</a></li>
				<li><a href="cart.html">购物车</a></li>
				<li><a href="news.html">资讯</a></li>
				<li><a href="culture.html">文化</a></li>
			</ul>

		</div>
		<div class="col-md-6">

			<form action="search.html" class="form-inline" role="form"
				style="float: right;">
				<div class="form-group">
					<input type="text" class="form-control" id="search" name="search"
						placeholder="请输入商品名称进行搜索">
				</div>

				<button type="submit" class="btn btn-default btn-sm">
					<span class="fa fa-search"></span>
				</button>
			</form>

		</div>
	</div>
	<!--导航结束-->

	<div id="container">
		<div class="col-md-2">
			<!--左侧导航开始-->
			<div class="panel-group" id="accordion">
				<div class="panel panel-default">
					<div class="panel-heading">
						<!--主选项：我的订单-->
						<h4 class="panel-title">
							<a data-toggle="collapse" data-parent="#accordion"
								href="#collapseOne">我的订单</a>
						</h4>
					</div>
					<div id="collapseOne" class="panel-collapse collapse">
						<div class="panel-body">
							<div>
								<a href="orders.html">全部订单</a>
							</div>
							<div>
								<a href="orders.html">待付款</a>
							</div>
							<div>
								<a href="orders.html">待收货</a>
							</div>
							<div>
								<a href="orders.html">待评价</a>
							</div>
							<div>
								<a href="orders.html">退货退款</a>
							</div>

						</div>
					</div>

				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<!--主选项：资料修改-->
						<h4 class="panel-title">
							<a data-toggle="collapse" data-parent="#accordion"
								href="#collapseTwo">资料修改</a>
						</h4>
					</div>
					<div id="collapseTwo" class="panel-collapse collapse in">
						<div class="panel-body">
							<div>
								<a href="password.html"><b>修改密码</b></a>
							</div>
							<div>
								<a href="userdata.html">个人资料</a>
							</div>
							<div>
								<a href="upload.html">上传头像</a>
							</div>
							<div>
								<a href="address.html">收货管理</a>
							</div>
						</div>
					</div>
				</div>

			</div>
			<!--左侧导航结束-->

		</div>
		<div class="col-md-10">
			<div class="panel panel-default">
				<ul class="nav nav-tabs">
					<li class="active"><a href="#">修改密码</a></li>
					<li><a href="userdata.html">个人资料</a></li>
					<li><a href="upload.html">上传头像</a></li>
					<li><a href="address.html">收货管理</a></li>

				</ul>
				<div class="panel-body">
					<!--修改密码表单开始-->
					<form id="form-change-password" class="form-horizontal" role="form">
						<div class="form-group">
							<label class="col-md-2 control-label">原密码：</label>
							<div class="col-md-8">
								<input name="old_password" type="text" class="form-control"
									placeholder="请输入原密码">
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-2 control-label">新密码：</label>
							<div class="col-md-8">
								<input name="new_password" type="text" class="form-control"
									placeholder="请输入新密码">
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-2 control-label">确认密码：</label>
							<div class="col-md-8">
								<input type="text" class="form-control" placeholder="请再次输入新密码">
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-offset-2 col-sm-10">
								<input id="btn-change" type="button" class="btn btn-primary"
									value="修改" />
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- 页面底部-备案号 #footer -->
	<!-----------------------------------------尾部区域----------------------------------------->
	<footer style="text-align: center;">
		<p>
			<a href="/" target="_blank">关于我们</a><i>|</i><a href="/"
				target="_blank">商家入驻</a><i>|</i><a href="/" target="_blank">入驻协议</a><i>|</i><a
				href="#" target="_blank">新手指南</a><i>|</i><a
				href="/copyright/?action=cooperation" target="_blank">商务合作</a><i>|</i><a
				href="" target="_blank">汉服荟</a>
		</p>
		<p class="copyright">
			<a href="/" class="ebs" target="_blank"></a>CopyRight ©2018
			珠海市达内汉服网络科技有限公司 版权所有 <a href="" target="_blank">粤ICP备14084884号-1</a>
			电话：0888-8888888
		</p>
	</footer>
	<!--页脚结束-->
	<script type="text/javascript">
        $(document).ready(function() {
            //头像修改
            if ($.cookie("avatar") != null) {
                var c=$.cookie("avatar");
                console.log(c);
                $("#img-avatar").attr("src", $.cookie("avatar"));
                $("#myavatar").attr("src", $.cookie("avatar"));
            }
        });

		//更新用户名
		$(function() {
			$.get("../user/findById.do", function(result) {
				if (result.state == 200) {
					console.log(result.data.username);
					var username = result.data.username;
					$("#userLogin").html(username);
				}
			});
		});

		// 为修改按钮绑定单击事件
		$("#btn-change").click(function() {
			// 将请求提交到哪里
			var url = "../user/password.do";
			// 请求参数
			var data = $("#form-change-password").serialize();
			console.log("修改参数：" + data);
			// 发出ajax请求，并处理结果
			$.ajax({
				"url" : url,
				"data" : data,
				"type" : "POST",
				"dataType" : "json",
				"success" : function(json) {
					if (json.state == 200) {
						alert("修改成功！");
					} else {
						alert(json.message);
					}
				},
				"error" : function(xhr, text, errorThrown) {/* 回调函数 */
					alert("你登录的信息已经过期,请重新登录!")
					location.href = "login.html"
				}
			});
		});
	</script>
</body>

</html>